
<style type="text/css">
	.chartHeight{ height:240px;}
	.tab .single{ display: none; height:120px; overflow: auto}
</style>

<div class="row">
	<div class="col-xs-6 col-sm-6">
		<h1 class="page-title txt-color-blueDark">
			<i class="fa fa-bar-chart-o fa-fw"></i> 
				动态图表
		</h1>
	</div>
	<!-- <div class="col-xs-6 col-sm-6">
		<a href="#" class="btn btn-success btn-sm pull-right margin-top-10"  data-toggle="modal" data-target="#setChart">创建图表</a>
	</div> -->
</div>
<section id="widget-grid" class="">
	<div class="row">
		<article class="col-xs-12 col-sm-12"> 
			<div class="jarviswidget jarviswidget-color-blueLight" id="wid-id-0" data-widget-deletebutton="false" data-widget-fullscreenbutton="false" data-widget-editbutton="false" data-widget-togglebutton="false" data-widget-colorbutton="false">
				<header>
					<span class="widget-icon"> <i class="fa fa-table"></i> </span>
					<h2> 分拨发车准点率 </h2>
					<!-- <div class="widget-toolbar" role="menu">
						<a class="btn btn-default" href="javascript:void" rel="tooltip" data-toggle="modal" data-target="#myModal">弹出图表</a>
					</div> -->
					<div class="widget-toolbar">
						
						<div class="btn-group">
							<button class="btn dropdown-toggle btn-xs btn-default" data-toggle="dropdown">
								查看视图 <i class="fa fa-caret-down"></i>
							</button>
							<ul class="dropdown-menu pull-right">
								<li>
									<a href="javascript:void(0);">按天</a>
								</li>
								<li>
									<a href="javascript:void(0);">按周</a>
								</li>
								<li>
									<a href="javascript:void(0);">按月</a>
								</li>
							</ul>
						</div>
					</div>
				</header>
				<!-- widget div-->
				<div>
					<!-- widget edit box -->
					<div class="jarviswidget-editbox">
						<!-- This area used as dropdown edit box -->
					</div>
					<!-- end widget edit box -->

					<!-- widget content -->
					<div class="widget-body" style="overflow:hidden">
						<div id="chart0" class="chartHeight"></div>
					</div>
					
					<!-- end widget content -->
				</div>
				<!-- end widget div -->
			</div>
		</article>
		<article class="col-xs-12 col-sm-12"> 
			<div class="jarviswidget jarviswidget-color-blueLight" id="wid-id-2" data-widget-deletebutton="false" data-widget-fullscreenbutton="false" data-widget-editbutton="false" data-widget-togglebutton="false" data-widget-colorbutton="false">
				<header>
					<span class="widget-icon"> <i class="fa fa-table"></i> </span>
					<h2> 分拨到达准点率 </h2>
					<div class="widget-toolbar">
						
						<div class="btn-group">
							<button class="btn dropdown-toggle btn-xs btn-default" data-toggle="dropdown">
								查看视图 <i class="fa fa-caret-down"></i>
							</button>
							<ul class="dropdown-menu pull-right">
								<li>
									<a href="javascript:void(0);">按天</a>
								</li>
								<li>
									<a href="javascript:void(0);">按周</a>
								</li>
								<li>
									<a href="javascript:void(0);">按月</a>
								</li>
							</ul>
						</div>
					</div>
				</header>
				<!-- widget div-->
				<div>
					<!-- widget edit box -->
					<div class="jarviswidget-editbox">
						<!-- This area used as dropdown edit box -->
					</div>
					<!-- end widget edit box -->

					<!-- widget content -->
					<div class="widget-body" style="overflow:hidden">
						<div id="chart2" class="chartHeight"></div>
					</div>
					<!-- end widget content -->
				</div>
				<!-- end widget div -->
			</div>
		</article>
		<article class="col-xs-12 col-sm-12"> 
			<div class="jarviswidget jarviswidget-color-blueLight" id="wid-id-1" data-widget-deletebutton="false" data-widget-fullscreenbutton="false" data-widget-editbutton="false" data-widget-togglebutton="false" data-widget-colorbutton="false">
				<header>
					<span class="widget-icon"> <i class="fa fa-table"></i> </span>
					<h2> 车队发车准点率 </h2>
					<div class="widget-toolbar">
						
						<div class="btn-group">
							<button class="btn dropdown-toggle btn-xs btn-default" data-toggle="dropdown">
								查看视图 <i class="fa fa-caret-down"></i>
							</button>
							<ul class="dropdown-menu pull-right">
								<li>
									<a href="javascript:void(0);">按天</a>
								</li>
								<li>
									<a href="javascript:void(0);">按周</a>
								</li>
								<li>
									<a href="javascript:void(0);">按月</a>
								</li>
							</ul>
						</div>
					</div>
				</header>
				<!-- widget div-->
				<div>
					<!-- widget edit box -->
					<div class="jarviswidget-editbox">
						<!-- This area used as dropdown edit box -->
					</div>
					<!-- end widget edit box -->

					<!-- widget content -->
					<div class="widget-body" style="overflow:hidden">
						<div id="chart1" class="chartHeight"></div>
					</div>
					<!-- end widget content -->
				</div>
				<!-- end widget div -->
			</div>
		</article>
		
		
		
		
	</div>
</section>
<!-- end widget grid -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content" style="width:800px">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title" id="myModalLabel">发车准时率</h4>
			</div>
			<div class="modal-body">
				<div id="chart6" class="chartHeight" style="width:800px;height:500px"></div>

			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div><!-- /.modal -->


<!--================================================== -->

<script src="js/plugin/date/moment.js"></script>
<script src="js/plugin/date/daterangepicker.js"></script>

<script src="js/plugin/echarts/esl/esl.js"></script>


<script type="text/javascript">

	// DO NOT REMOVE : GLOBAL FUNCTIONS!
	pageSetUp();

	$('#reportrange,#reportrange1').daterangepicker({
	      ranges: {
	         //'今天': [moment(), moment()],
	         '昨天': [moment().subtract('days', 1), moment().subtract('days', 1)],
	         '过去7天': [moment().subtract('days', 6), moment()],
	         '过去30天': [moment().subtract('days', 29), moment()],
	         '本月': [moment().startOf('month'), moment().endOf('month')],
	         '上月': [moment().subtract('month', 1).startOf('month'), moment().subtract('month', 1).endOf('month')]
	      },
	      startDate: moment().subtract('days', 29),
	      endDate: moment()
	    },
	    function(start, end) {
	        $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
	    }
	);
	
	require.config({
    //paths: {
    //    echarts: '../../js/echarts/echarts-original-map',
    //    'echarts/chart/bar': '../../js/echarts',
    //    'echarts/chart/line': '../../js/echarts'
    //}
	    packages: [
	      {
	          name: 'echarts',
	          location: 'js/plugin/echarts/src',
	          main: 'echarts'
	      },
	      {
	          name: 'zrender',
	          location: 'js/plugin/echarts/zrender/src',// zrender目录
	          main: 'zrender'
	      }
	    ]
	});
var options = {
		option0:{
		    // title : {
		    //     text: '订单准时率汇总',
		    //     x : 'center' ,
		    //     textStyle : {
		    //         fontSize : '14',
		    //         //fontFamily : '微软雅黑',
		    //         fontWeight : 'bold',
		    //         color : '#000'
		    //     }
		        
		    // },
		    tooltip : {
		        trigger: 'item',           //触发类型，item  axis
		        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
		            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
		        },
		    },
		    
		    toolbox: {
		        show : true,
		        feature : {
		            saveAsImage : {show: true}
		        }
		    },
		    calculable : false,
		    dataZoom : {
		        show : true,
		        realtime: true,
		        start : 50,
		        end : 100
		    },
		    grid :{
			        x : '50',
			        x2 : '20',
			        y : '30',
			        y2 : '60'			    
			},
		    xAxis : [
		        {
		            type : 'category',
		            boundaryGap : false,
		            data : ['9月','10月','11月','12月','1月','2月','3月','4月','5月','6月','7月','8月'],
		            axisLabel : {
		                show:true,
		                interval: 'auto',    // {number}
		                //rotate: 45
		            },
		            splitLine : {
		                show: true,
		                lineStyle: {
		                    color: '#f2f2f2',
		                    type: 'solid',
		                    width: 1
		                }
		            }
		        }
		    ],
		    yAxis : [
		        {
		            type : 'value',
		            min: 0,
		            max: 100,
		            precision: 1,
		            power: 10,
		            axisLabel : {
		                formatter: '{value}%'
		            },
		            splitLine : {
		                show: true,
		                lineStyle: {
		                    color: '#ccc',
		                    type: 'solid',
		                    width: 1
		                }
		            }
		        }
		    ],
		    series : [
		        {
		            name:'准时率',
		            type:'line',
		            barCategoryGap: '50%',
		            data:[64.2, 70.7, 79.3, 83.6, 92.2, 85.7, 83.8,64.2, 70.7, 79.3, 83.6, 92.2],
		            // markLine : {
		            //     data : [
		            //         {type : 'average', name: '平均值'}
		            //     ],
		            //     lineStyle: {
		            //         color: '#ccc',
		            //         type: 'solid',
		            //         width: 1
		            //     }
		            // },
		            itemStyle: {
		                normal: {                   // 系列级个性化，横向渐变填充
		                    borderRadius: 2,
		                    color : '#3aced8'
		                }
		            }
		        }
		    ]
		},
		option1:{
		    // title : {
		    //     text: '承运商送达准时率',
		    //     x : 'center' ,
		    //     textStyle : {
		    //         fontSize : '14',
		    //         //fontFamily : '微软雅黑',
		    //         fontWeight : 'bold',
		    //         color : '#000'
		    //     }
		        
		    // },
		    tooltip : {
		    	trigger: 'axis',
		        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
		            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
		        },
		    },
		    
		    toolbox: {
		        show : true,
		        feature : {
		            saveAsImage : {show: true}
		        }
		    },
		    calculable : false,
		    dataZoom : {
		        show : true,
		        realtime: true,
		        start : 50,
		        end : 100
		    },
		    grid :{
			        x : '50',
			        x2 : '30',
			        y : '20',
			        y2 : '60'			    
			},
		    xAxis : [
		        {
		            type : 'category',
		            boundaryGap : false,
		            
		            data : ['9月','10月','11月','12月','1月','2月','3月','4月','5月','6月','7月','8月'],
		            
		            axisLabel : {
		                show:true,
		                interval: 'auto',    // {number}
		                //rotate: 45
		            },
		            splitLine : {
		                show: true,
		                lineStyle: {
		                    color: '#f2f2f2',
		                    type: 'solid',
		                    width: 1
		                }
		            }
		        }
		    ],
		    yAxis : [
		        {
		            type : 'value',
		            min: 0,
		            max: 100,
		            precision: 1,
		            power: 10,
		            axisLabel : {
		                formatter: '{value}%'
		            },
		            splitLine : {
		                show: true,
		                lineStyle: {
		                    color: '#ccc',
		                    type: 'solid',
		                    width: 1
		                }
		            },
		            axisLine : {    // 轴线
		                show: false,
		                lineStyle: {
		                    color: '#000',
		                    type: 'solid',
		                    width: 2
		                }
		            }
		        }
		    ],
		    series : [
		        {
		            name:'准时率',
		            type:'line',
		            barCategoryGap: '50%',
		            data:[89.2, 58.7, 92.3, 86.6, 92.2, 75.7, 88.8,64.3,89.2, 58.7, 92.3, 86.6],
		            // markLine : {
		            //     data : [
		            //         {type : 'average', name: '平均值'}
		            //     ]
		            // },
		            itemStyle: {
		                normal: {                   // 系列级个性化，横向渐变填充
		                    borderRadius: 2,
		                    color : '#3aced8'
		                }
		            }
		        }
		    ]
		},
		option2:{
		    // title : {
		    //     text: '区域订单准时率',
		    //     //x : 'center' ,
		    //     textStyle : {
		    //         fontSize : '14',
		    //         //fontFamily : '微软雅黑',
		    //         fontWeight : 'bold',
		    //         color : '#000'
		    //     }
		        
		    // },
		    legend: {
		        x : 'center',
		        y : 'top',
		        data:['北京分拨','上海分拨','广州分拨']
		    },
		    tooltip : {
		        show: true,
		        trigger: 'axis',
		        orient:'vertical'
		    },
		    
		    toolbox: {
		        show : true,
		        feature : {
		            saveAsImage : {show: true}
		        }
		    },
		    calculable : false,  //拖拽重计算
		    grid :{
			        x : '50',
			        x2 : '20',
			        y : '30',
			        y2 : '60'			    
			},
			dataZoom : {
		        show : true,
		        realtime: true,
		        start : 50,
		        end : 100
		    },
		    xAxis : [
		        {
		            type : 'category',
		            boundaryGap : false,
		            data : ['9月','10月','11月','12月','1月','2月','3月','4月','5月','6月','7月','8月'],
		            
		            axisLabel : {
		                show:true,
		                interval: 'auto',    // {number}
		                //rotate: 45
		            },
		            splitLine : {
		                show: true,
		                lineStyle: {
		                    color: '#f2f2f2',
		                    type: 'solid',
		                    width: 1
		                }
		            }
		        }
		    ],
		    yAxis : [
		        {
		            type : 'value',
		            axisLabel : {
		                formatter: '{value}%'
		            },
		            splitLine : {
		                show: true,
		                lineStyle: {
		                    color: '#ccc',
		                    type: 'solid',
		                    width: 1
		                }
		            },
		            axisLine : {    // 轴线
		                show: false,
		                lineStyle: {
		                    color: '#000',
		                    type: 'solid',
		                    width: 2
		                }
		            }
		        }
		    ],
		    series : [
		        {
		            name:'北京分拨',
		            type:'line',
		            data:[72.2, 85.7, 72.3, 66.6, 88.2, 69.7, 78.8,90.3,72.2, 85.7, 72.3, 66.6]
		        },
		        {
		            name:'上海分拨',
		            type:'line',
		            data:[68.2, 58.7, 92.3, 86.6, 92.2, 75.7, 88.8,64.3,68.2, 58.7, 92.3, 86.6]
		        },
		        {
		            name:'广州分拨',
		            type:'line',
		            data:[89.2, 92.7, 88.3, 93.6, 82.2, 95.7, 88.8,84.3,89.2, 92.7, 88.3, 93.6]
		            
		        }
		    ]
		},
		option3:{
		    // title : {
		    //     text: '晚点原因分布',
		    //     x : 'left' ,
		    //     textStyle : {
		    //         fontSize : '14',
		    //         //fontFamily : '微软雅黑',
		    //         fontWeight : 'bold',
		    //         color : '#000'
		    //     }
		        
		    // },
		    legend: {
		        // orient : 'vertical',
		        x : 'center',
		        y : 'top',
		        data:['3PL opretion','Bad weather','Traffic jam','Underestimate volume']
		    },
		    tooltip : {
		        trigger: 'item',
		        formatter: "{a} <br/>{b} : {c} ({d}%)"
		    },
		    
		    toolbox: {
		        show : true,
		        feature : {
		            saveAsImage : {show: true}
		        }
		    },
		    calculable : true,
		    
		    series : [
		        {
		            name:'晚点原因',
		            type:'pie',
		            radius : '55%',
		            center: ['50%', '55%'],
		            data:[
		                {value:335, name:'3PL opretion'},
		                {value:310, name:'Bad weather'},
		                {value:234, name:'Traffic jam'},
		                {value:135, name:'Underestimate volume'}
		            ]
		        }
		    ]
		},
		option4:{
		    // title : {
		    //     text: '承运商晚点原因分布',
		    //     //x : 'center' ,
		    //     textStyle : {
		    //         fontSize : '14',
		    //         //fontFamily : '微软雅黑',
		    //         fontWeight : 'bold',
		    //         color : '#000'
		    //     }
		        
		    // },
		    legend: {
		        x : 'center',
		        y : 'top',
		        data:['3PL opretion','Bad weather','Traffic jam','Underestimate volume']
		    },
		    tooltip : {
		        trigger: 'axis',
		        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
		            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
		        },
		        formatter: function (param){
		            return param[0][1] + '<br/>'
		                   + param[0][0] + ' : ' + param[0][2] + '<br/>'
		                   + param[1][0] + ' : ' + (param[1][2] + param[0][2])+ '<br/>'
		                   + param[2][0] + ' : ' + param[2][2] + '<br/>'
		                   + param[3][0] + ' : ' + (param[3][2] + param[0][2]);
		        }
		    },
		    
		    toolbox: {
		        show : true,
		        feature : {
		            saveAsImage : {show: true}
		        }
		    },
		    calculable : false,
		    dataZoom : {
		        show : true,
		        realtime: true,
		        start : 50,
		        end : 100
		    },
		    grid :{
			        x : '50',
			        x2 : '20',
			        y : '40',
			        y2 : '90'			    
			},
		    xAxis : [
		        {
		            type : 'category',
		            boundaryGap : true,
		            data : ['丰和园','福路通','广州联宏','上海申丝','江苏邮政','尼尔','新杰','源泰隆'],
		            
		            axisLabel : {
		                show:true,
		                interval: 'auto',    // {number}
		                rotate: 45
		            },
		            splitLine : {
		                show: true,
		                lineStyle: {
		                    color: '#f2f2f2',
		                    type: 'solid',
		                    width: 1
		                }
		            }
		        }
		    ],
		    yAxis : [
		        {
		            type : 'value',
            		boundaryGap: [0, 0.1],
		            min: 0,
		            max: 100,
		            precision: 1,
		            power: 10,
		            axisLabel : {
		                formatter: '{value}%'
		            },
		            splitLine : {
		                show: true,
		                lineStyle: {
		                    color: '#ccc',
		                    type: 'solid',
		                    width: 1
		                }
		            }
		        }
		    ],
		    series : [
		        {
		            name:'3PL opretion',
		            type:'bar',
		            stack: 'sum',
		            barCategoryGap: '50%',
		            itemStyle: {
		                normal: {
		                    label : {
		                        show: true, position: 'insideTop'
		                    }
		                }
		            },
		            data:[18, 22, 28, 21, 12, 19, 12,15]
		        },
		        {
		            name:'Bad weather',
		            type:'bar',
		            stack: 'sum',
		            barCategoryGap: '50%',
		            itemStyle: {
		                normal: {
		                    label : {
		                        show: true, position: 'insideTop'
		                    }
		                }
		            },
		            data:[36, 31, 36, 20, 30, 31, 42,39]
		        },
		        {
		            name:'Traffic jam',
		            type:'bar',
		            stack: 'sum',
		            barCategoryGap: '50%',
		            itemStyle: {
		                normal: {
		                    label : {
		                        show: true, position: 'insideTop'
		                    }
		                }
		            },
		            data:[29, 27, 30, 40, 32, 34, 38,36]
		            
		        },
		        {
		            name:'Underestimate volume',
		            type:'bar',
		            stack: 'sum',
		            barCategoryGap: '50%',
		            itemStyle: {
		                normal: {
		                    label : {
		                        show: true, position: 'insideTop'
		                    }
		                }
		            },
		            data:[17, 20, 6, 19, 26, 16, 8,10]
		            
		        }
		    ]
		},
		option6:{
		    // title : {
		    //     text: '承运商发车准点率',
		    //     //x : 'center' ,
		    //     textStyle : {
		    //         fontSize : '14',
		    //         //fontFamily : '微软雅黑',
		    //         fontWeight : 'bold',
		    //         color : '#000'
		    //     }
		        
		    // },
		    legend: {
		        x : 'center',
		        y : 'top',
		        data:['年平均','月平均','周平均']
		    },
		    tooltip : {
		        show:'false',
			        trigger: 'axis',
			        orient:'vertical'
		    },
		    
		    toolbox: {
		        show : true,
		        feature : {
		            saveAsImage : {show: true}
		        }
		    },
		    calculable : false,  //拖拽重计算
		    grid :{
			        x : '50',
			        x2 : '20',
			        y : '30',
			        y2 : '80'			    
			},
		    xAxis : [
		        {
		            type : 'category',
		            boundaryGap : false,
		            data : ['丰和园','福路通','广州联宏','上海申丝','江苏邮政','尼尔','新杰','源泰隆'],
		            
		            axisLabel : {
		                show:true,
		                interval: 'auto',    // {number}
		                rotate: 45
		            },
		            splitLine : {
		                show: true,
		                lineStyle: {
		                    color: '#f2f2f2',
		                    type: 'solid',
		                    width: 1
		                }
		            }
		        }
		    ],
		    yAxis : [
		        {
		            type : 'value',
		            axisLabel : {
		                formatter: '{value}%'
		            },
		            splitLine : {
		                show: true,
		                lineStyle: {
		                    color: '#ccc',
		                    type: 'solid',
		                    width: 1
		                }
		            },
		            axisLine : {    // 轴线
		                show: false,
		                lineStyle: {
		                    color: '#000',
		                    type: 'solid',
		                    width: 2
		                }
		            }
		        }
		    ],
		    series : [
		        {
		            name:'年平均',
		            type:'line',
		            data:[72.2, 85.7, 72.3, 66.6, 88.2, 69.7, 78.8,90.3]
		        },
		        {
		            name:'月平均',
		            type:'line',
		            data:[60.2, 58.7, 92.3, 86.6, 92.2, 75.7, 88.8,64.3]
		        },
		        {
		            name:'周平均',
		            type:'line',
		            data:[69.2, 69.7, 78.3, 93.6, 82.2, 95.7, 68.8,84.3]
		            
		        }
		    ]
		},
		option5:{
		    // title : {
		    //     text: '承运商发车准点率',
		    //     //x : 'center' ,
		    //     textStyle : {
		    //         fontSize : '14',
		    //         //fontFamily : '微软雅黑',
		    //         fontWeight : 'bold',
		    //         color : '#000'
		    //     }
		        
		    // },
		    legend: {
		        orient: 'horizontal', // ''vertical
		        x: 'center', // 'center' | 'left' | {number},
		        y: 'top', // 'center' | 'bottom' | {number}
		        backgroundColor: '#f2f2f2',
		        borderColor: 'rgba(178,34,34,0.8)',
		        borderWidth: 1,
		        padding: 5,    // [5, 10, 15, 20]
		        itemGap: 10,
		        data:['丰和园','福路通','上海邮政']
		    },
		    tooltip : {
		        show:'false',
		        trigger: 'axis',
		        orient:'vertical'
		    },
		    
		    toolbox: {
		        show : true,
		        feature : {
		            saveAsImage : {show: true}
		        }
		    },
		    calculable : false,  //拖拽重计算
		    dataZoom : {
		        show : true,
		        realtime: true,
		        start : 50,
		        end : 100
		    },
		    grid :{
			        x : '50',
			        x2 : '20',
			        y : '50',
			        y2 : '60'			    
			},
		    xAxis : [
		        {
		            type : 'category',
		            boundaryGap : false,
		            data : ['9月','10月','11月','12月','1月','2月','3月','4月','5月','6月','7月','8月'],
		            
		            axisLabel : {
		                show:true,
		                interval: 'auto',    // {number}
		                //rotate: 45
		            },
		            splitLine : {
		                show: true,
		                lineStyle: {
		                    color: '#f2f2f2',
		                    type: 'solid',
		                    width: 1
		                }
		            }
		        }
		    ],
		    yAxis : [
		        {
		            type : 'value',
		            axisLabel : {
		                formatter: '{value}%'
		            },
		            splitLine : {
		                show: true,
		                lineStyle: {
		                    color: '#ccc',
		                    type: 'solid',
		                    width: 1
		                }
		            },
		            axisLine : {    // 轴线
		                show: false,
		                lineStyle: {
		                    color: '#000',
		                    type: 'solid',
		                    width: 2
		                }
		            }
		        }
		    ],
		    series : [
		        {
		            name:'丰和园',
		            type:'line',
		            data:[72.2, 85.7, 72.3, 66.6, 88.2, 69.7, 78.8,90.3,72.2, 85.7, 72.3, 66.6]
		        },
		        {
		            name:'福路通',
		            type:'line',
		            data:[60.2, 58.7, 92.3, 86.6, 92.2, 75.7, 88.8,64.3,60.2, 58.7, 92.3, 86.6]
		        },
		        {
		            name:'上海邮政',
		            type:'line',
		            data:[69.2, 69.7, 78.3, 93.6, 82.2, 95.7, 68.8,84.3,69.2, 69.7, 78.3, 93.6]
		            
		        }
		    ]
		}
		
	}
                    
    
    require(
        [
            'echarts',
            'echarts/chart/line',
            'echarts/chart/bar',
            // 'echarts/chart/scatter',
	        // 'echarts/chart/k',
	         'echarts/chart/pie',
	        // 'echarts/chart/radar',
	        // 'echarts/chart/force',
	        // 'echarts/chart/chord',
	        // needMap() ? 'echarts/chart/map' : 'echarts'
        ],
        requireCallback
    )
	
    var myChart;
    var myChart_1;
    var myChart_2;
    var myChart_3;
    var myChart_4;
    var myChart_5;
    var myChart_6;
    function requireCallback (ec) {
	    echarts = ec;
	    var domMain = document.getElementById('chart0');
	    var domMain_1 = document.getElementById('chart1');
	    var domMain_2 = document.getElementById('chart2');
	    var domMain_3 = document.getElementById('chart3');
	    var domMain_4 = document.getElementById('chart4');
	    var domMain_5 = document.getElementById('chart5');
	    var domMain_6 = document.getElementById('chart6');
	    if (myChart && myChart.dispose) {
	        myChart.dispose();
	    }
	    myChart = echarts.init(domMain);
	    myChart_1 = echarts.init(domMain_1);
	    myChart_2 = echarts.init(domMain_2);
	    //refreshCharts();
	    window.onresize = function(){
	    	//console.log("1234412");
	    	myChart.resize && myChart.resize();
	    	myChart_1.resize && myChart_1.resize();
	    	myChart_2.resize && myChart_2.resize();
	    }
	    
	    myChart.setOption(options['option0'], true);
	    myChart_1.setOption(options['option5'], true);
	    myChart_2.setOption(options['option2'], true);
	   
	    var ecConfig = require('echarts/config');
	    myChart.on(ecConfig.EVENT.CLICK, showDetails);
	    myChart_1.on(ecConfig.EVENT.CLICK, showDetails1);
	    myChart_2.on(ecConfig.EVENT.CLICK, showDetails2);
	    
	}

	function showDetails(param){
		loadSrc("#ane/ane_report01.html");
	}
	function showDetails1(param){
		loadSrc("#ane/ane_report02.html");
	}
	function showDetails2(param){
		loadSrc("##ane/ane_report02.html");
	}
	function showDetails3(param){
		loadSrc("##ane/ane_report02.html");
	}
	function showDetails4(param){
		loadSrc("##ane/ane_report02.html");
	}
	function showDetails5(param){
		//loadSrc("#amazon/amazon_report05.html");

		$('#myModal').modal();
		 myChart_6.setOption(options['option6'], true);
	
	}

	function loadSrc(srcPath){
			window.location.href = srcPath;
			console.log(srcPath);
		}

</script>
</body>

</html>